Installation & First Project

  • 1. Step

    1. System Requirement

    Install node.js and npm.

    check the version

    
                  node -v
                  npm -v
                  

    2. Create New project

    
                  npm init -y
                  npx create-next-app@latest  MY-APP-NAME --typescript
                  

    3. Run the project

    
                   cd MY-APP-NAME
                   npm run dev
                    

    browse http://localhost:3000/ in browser

    4. Page

    
                  import React from 'react';
    
                  export function App(props) {               
                    
                    return (
                      <div className='App'>
                        <h1>Hello React.</h1>
                        <h2>Start editing to see some magic happen!</h2>                    
                      </div>
                    );
                    
                  }
    
                  // Log to console
                  console.log('Hello console')